	<!DOCTYPE html>  
	<html>  
	    <head>  
	        <meta charset="utf-8">  
	        <title>域的内容改变时发生</title>  
	    </head>  
	    <body>  
	        <div class="box">  
	            请选择您喜欢的背景色：  
	            <select name="" id="menu">  
	                <option value="">请选择</option>  
	                <option value="#f00">红色</option>  
	                <option value="#0f0">绿色</option>  
	                <option value="#00f">蓝色</option>  
	                <option value="#ff0">黄色</option>  
	                <option value="#ccc">灰色</option>  
	            </select>  
	        </div>  
	    </body>  
	    <script type="text/javascript">  
	        // 获取下拉菜单  
	        var menu = document.getElementById("menu");  
	        // 给菜单绑定change事件,一般作用域select或checkbox或radio  
	        menu.onchange = function() {  
	            // 获取当前选中的值  
	            //var bgcolor=this.value;  
	            var bgcolor = menu.options[menu.selectedIndex].value;  
	            // 如果bgcolor为空，则下面的脚本将不执行  
	            // if(bgcolor=="")return;  
	            // 设置body的背景色  
	            // 如果bgcolor为空，则将背景色设为白色，否则是选择的颜色  
	            if (bgcolor == "") {  
	                document.body.style.background = "#fff";  
	            } else {  
	                document.body.style.background = bgcolor;  
	            }  
	        }  
	    </script>  
	</html>  